<template>
    <div class="component-release-comment">
        <input placeholder="说点什么...">
        <img src="../assets/fun-like.png">
        <img src="../assets/fun-comment.png">
        <img src="../assets/fun-collect.png">
    </div>
</template>

<style lang="less" scoped>

    @import '../style/variable';

    .component-release-comment {
        position: fixed;
        bottom: 0;
        width: 100%;
        display: flex;
        height: 5rem;
        align-items: center;
        padding-left: 1.2rem;
        padding-right: .1rem;
        box-sizing: border-box;
        background-color: @color-white;
        border-top: 1px solid @color-line-gray;
        input {
            border: 1px solid @color-line-gray;
            flex: 1;
            height: 2.8rem;
            border-radius: .3rem;
            padding-left: 1.2rem;
            margin-right: .6rem;
        }
        img {
            margin: 2rem 1.4rem;
            height: 1rem;
        }
    }
</style>